<!DOCTYPE html>
<html>
<head>
<s3:data name='CollDatas.headerScript' />
<s3:import type="css"></s3:import>
    <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-tab.css">
<title></title>
</head>

<body class="cmp-fullscreen">

<header id="hid" class="cmp-bar cmp-bar-nav head-style">
    <a id="goBackBtn" href="javascript:void(0)" class="cmp-pull-left left-btn"><span class="see-icon-v5-common-arrow-back"></span><i18n key="collaboration.page.lable.goBack"></i18n></a>
    
    <h1 id="title" class="cmp-title"><span class="color_333"><i18n key="collaboration.batch.title"></i18n></span></h1>
</header>

<div id="mainBodyArea" class="cmp-content cmp-col-content" style="bottom:44px; position:fixed;">
    
    <div class="cmp-handle-btn-content col comment-states" style="display: block;" id="button_list_nav"> 
	</div>
    
    <div id="comment_div" class="replay_opinion_content col" style="top: 0px;">
        <div class="information wh100" style=" overflow: hidden; ">
            <textarea style="font-size: 16px;height: 100%" id="content" placeholder=""></textarea>
        </div>
    </div>
</div>

<!--IOS 模拟V5.6常用语弹出容器-->
<div id="phrases_container" class="GM_Alert_Content Animated-Container bottom-go animated">
    <header class="cmp-bar cmp-bar-nav head-style">
        <a id="phrase_goback" href="javascript:void(0)" class="cmp-pull-left left-btn"><span class="see-icon-v5-common-arrow-back"></span><i18n key="collaboration.page.lable.goBack"></i18n></a>
    
        <h1 class="cmp-title"><span><i18n key="collaboration.page.lable.button.phrase"></i18n><!-- 常用语 --></h1>
        <div class="add_border border_t"></div>
    </header>
    <div id="phrases_div" class="cmp-content GM_item_container" >
        <ul id="phrases_ul" class="cmp-table-view ba-fa">
        </ul>
    </div>
</div>

</div>

<!-- 处理后归档 -->
<div class="text_and_accessory phrases_div col fixed" id="allBtns">
    <div id="btns" class="cmp-badge cmp-pull-right replay_badge badge_custom handle-zan relative">
     	<a id="phrasesBtn" href="javascript:void(0)" class="cmp-h6 useful"><i18n key="collaboration.page.lable.button.phrase"></i18n><!-- 常用语 --></a>
    </div>
    <h5 id="fontCount" class="handle-word-num">2000</h5>
</div>

<footer class="send-colla-div cmp-bar-footer ">
    <div class="wh100 border_t">
        <div class="single_btn">
            <button id="submitBtn" class="send-colla"><i18n key="collaboration.page.dialog.OK"></i18n></button><!-- 发送 -->
        </div>
    </div>
</footer>

<s3:data name='cordova' />
<s3:import type="js"></s3:import>

<s3:data name='CollDatas.footerScript' />
<s3:data name='CollDatas.templateScript' />

<script src="${data:dependencies.cmp}/js/cmp-i18n.js${data:buildversion}"></script>
<script src="<s3:data name='dependencies.collaboration'/>/js/ArrayList.js${data:buildversion}"></script>
<script src="<s3:data name='dependencies.collaboration'/>/js/batch.js${data:buildversion}"></script>
<script src="<s3:data name='dependencies.workflow' />/js/wf.js${data:buildversion}"></script>
<script src="<s3:data name='dependencies.collaboration'/>/js/batchDeal.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-headerFixed.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-description.js${data:buildversion}"></script>


<script type="text/html" id="attitude_templage">
<%if(this.length > 0){%><ul class="cmp-tab-do"><%}
for(var i = 0, len = this.length;i<len;i++){
    var tempAttitude = this[i];
%>
<li class="li"><input value="<%=tempAttitude.value%>"  id="attitude<%=i%>" attitude="<%=tempAttitude.attitude%>" type="radio" class="cmp-radio2" name="att_btns" <%if(tempAttitude.state=="on"){%>checked="checked"<%}%> /><label for="attitude<%=i%>"><%=tempAttitude.lable%></label></li>
<%
}
 if(this.length > 0){%></ul><%}%>
</script>

<script type="text/html" id="phrases_template">
<%
for(var i = 0, len = this.length;i<len;i++){
%>
<li class="cmp-table-view-cell li_height"><%=this[i]%></li>
<%
}
%>
</script>
</body>
</html>